<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>test</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
	<link href="../res/css/layout.css" rel="stylesheet" type="text/css" media="all" />
	<link href="../res/css/home.css" rel="stylesheet" type="text/css" media="all" />
	<link href="../res/css/widget.css" rel="stylesheet" type="text/css" media="all" />
	<script type="text/javascript" src="../roadmapdevdwr/engine.js"> </script>
	<script type="text/javascript" src="../roadmapdevdwr/util.js"> </script>
	<script type="text/javascript" src="../roadmapdev/res/js/func.js"></script>
	<script type="text/javascript" src="../roadmapdev/res/js/home.js"></script>
	<script type="text/javascript" src="../roadmapdev/res/js/widget.js"></script>
	<script type="text/javascript" src="../res/js/component.js"></script>
	
	<style type="text/css">
		.groupMgt {width:300px;min-height:100px;border:1px solid blue;}
		.groupMgt ul {float:left;border:1px solid yellow;margin:0px;padding:1px;}	
		.groupMgt ul li {float:left;width:140px;padding:2px;list-style-type:none;text-align:left;border:1px solid red;}	
		.groupMgt ul li input {border:none;padding:0px;background:none;color:#7A97E0;cursor:pointer;}
		.edit {background: url(../res/images/logo/pencil.png) no-repeat;width:16px;height:16px;border:none;};
	</style>
  </head>
  
  <body>
    <div class="groupMgt">
		<ul>
			<li><input type='checkbox'/>亲密的朋友<input type='button' id='123' value='x' onclick='removeGroup(this.id)'/></li>
			<li><input type='checkbox'/>IBM的同事<input type='button' id='123' value='x' onclick='removeGroup(this.id)'/></li>
			<li><input type='checkbox'/>大学同学<input type='button' id='123' value='x' onclick='removeGroup(this.id)'/></li>
		</ul>
	</div>
	<div class="groupMgt"><a href="javascript:void(0);"><img src="../res/images/logo/pencil.png"/></a></div>
  </body>
  
  <script type="text/javascript">
  	
  	function removeGroup(gid) {
  		if(RDC.util.isString(gid)) {
  			popupWin.show();
  		}
  	}
  	
  	var popupWin = new PopUpWindow("请确认", "您确定删除这个分组？<br>删除分组不会删除分组下的好友", 0);
  	popupWin.addAction(removeAction(popupWin));
  	popupWin.addAction(closeAction(popupWin));
  	
  	function removeAction(dlg){
		var btn = document.createElement("input");		
		btn.type = "button";
		btn.className = "confirmBtn";
		btn.value = "确定";
		btn.onclick = function(){
			
		};		
		return btn;
	}
	
  	function closeAction(dlg){
		var btn = document.createElement("input");		
		btn.type = "button";
		btn.className = "cancelBtn";
		btn.value = "返回";
		btn.onclick = function(){
			dlg.hide();
		};		
		return btn;
	}
  </script>
 
</html>
